<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../public/head.css">
    <link rel="stylesheet" href="../public/footer.css">
    <link rel="stylesheet" href="classification.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <title>分类</title>

</head>

<body>

    <div id="head" class="head"></div>
    <!-- 分类 -->
    <div class="classification_neir">
        <div class="classification_left">

            <div class="title">
                <h3>分类</h3>
            </div>
            <div class="layui-collapse" lay-accordion="">
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">家具</h2>
                    <ul class="layui-colla-content layui-show category">
                        <li><a class="select" href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">卫浴</h2>
                    <ul class="layui-colla-content category">
                        <li><a href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">衣柜</h2>
                    <ul class="layui-colla-content category">
                        <li><a href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">橱柜</h2>
                    <ul class="layui-colla-content category">
                        <li><a href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">瓷砖</h2>
                    <ul class="layui-colla-content category">
                        <li><a href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">地板</h2>
                    <ul class="layui-colla-content category">
                        <li><a href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">门窗</h2>
                    <ul class="layui-colla-content category">
                        <li><a href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">窗帘</h2>
                    <ul class="layui-colla-content category">
                        <li><a href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">墙纸</h2>
                    <ul class="layui-colla-content category">
                        <li><a href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">灯饰</h2>
                    <ul class="layui-colla-content category">
                        <li><a href="javascript:;">床</a></li>
                        <li><a href="javascript:;">床垫</a></li>
                        <li><a href="javascript:;">书柜</a></li>
                        <li><a href="javascript:;">书桌</a></li>
                        <li><a href="javascript:;">餐桌</a></li>
                        <li><a href="javascript:;">酒柜</a></li>
                        <li><a href="javascript:;">茶几</a></li>
                        <li><a href="javascript:;">沙发</a></li>
                        <li><a href="javascript:;">鞋柜</a></li>
                        <li><a href="javascript:;">电视柜</a></li>
                    </ul>
                </div>

            </div>


        </div>
        <div class="classification_right">

            <div class="pinpai">
                <img src="../images/xinlogo2.jpg" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinLOGO.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinlogo3.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinlogo2.jpg" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinLOGO.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinlogo2.jpg" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinlogo3.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinlogo2.jpg" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinLOGO.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinLOGO.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinlogo2.jpg" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinlogo3.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinLOGO.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinlogo2.jpg" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinLOGO.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinlogo3.png" alt="">
                <span>九牧卫浴</span>
            </div>
            <div class="pinpai">
                <img src="../images/xinLOGO.png" alt="">
                <span>九牧卫浴</span>
            </div>


        </div>

    </div>





    <div id="footer" class="footer"></div>

</body>
<script src="../bootstrap-3.3.7-dist/js/jquery-3.3.1.js"></script>
<script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../public/head.js"></script>
<script src="classification.js"></script>
<script src="../layui/layui.js"></script>
<script>
    layui.use(['element', 'layer'], function() {
        var element = layui.element;
        var layer = layui.layer;

        //监听折叠
        element.on('collapse(test)', function(data) {
            layer.msg('展开状态：' + data.show);
        });
    });
</script>

</html>